import React, { Component } from 'react'
import { Card, Spin, Alert} from  'antd'
import './ui.less';
export default class loadings extends Component {
    render() {
        return (
            <div className="card-content">
                <Card title="Spin用法" className="card-wrap">
                    <Spin size="small"/>
                    <Spin style={{margin:'0 10px'}}/>
                    <Spin size="large"/>
                </Card>
                <Card title="内容遮罩" className="card-wrap">
                    <Alert
                        message="React"
                        description="欢迎来到共享单车后台管理系统"
                        type="info"
                        style={{ marginBottom: 10 }}
                    />
                    <Spin>
                        <Alert
                            message="React"
                            description="欢迎来到共享单车后台管理系统"
                            type="warning"
                            style={{ marginBottom: 10 }}
                        />
                    </Spin>
                    <Spin tip="加载中...">
                        <Alert
                            message="React"
                            description="欢迎来到共享单车后台管理系统"
                            type="warning"
                            style={{ marginBottom: 10 }}
                        />
                    </Spin>
                </Card>
            </div>
        )
    }
}
